div.soc-serv-title { font-family:var(--ui-font-family-primary, var(--ui-font-family-helvetica)); }
div#workarea > div.soc-serv-main {padding-left: 12px; position: relative; }
tr.soc-serv-header { color:grey;  font-weight:lighter; font-size: 85%; }
td.split-item-actions a.split-delete-item { width: 15px; height: 15px;  display: inline-block; }
td.split-item-actions a.split-delete-item {width: 15px; height: 15px; background:url('images/grey_del.gif'); }
td.split-item-actions a.split-delete-item:hover{background:url('images/red_del.gif') no-repeat; }
div.soc-serv-accounts { color:grey; font-weight:lighter; }
div.soc-serv-accounts td.soc-serv-name { color: black; padding-right: 5px; }
div.soc-serv-title { padding-left: 7px; padding-top: 3px; background: #f5f5f5; width: 460px; height: 19px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
div.soc-serv-title-grey { font-family:var(--ui-font-family-primary, var(--ui-font-family-helvetica)); color:grey;  font-weight:lighter; padding-left: 4px; }
A.soc-serv-link:visited {color: #486DAA; }
a.soc-serv-link:hover {color: #D00;}
div.soc-serv-main tr.soc-serv-personal td.bx-ss-icons { padding: 9px !important;}

i.soc-serv-photo { width: 30px; height: 30px; display: inline-block; vertical-align:-60%;}
i.soc-serv-text { font-style: normal; vertical-align:-43%;}
td.bx-ss-icons i.bx-ss-icon { width: 16px; height: 16px;  display: inline-block; vertical-align:-10%; }
.bx-ss-icon {background-image:url('/bitrix/js/socialservices/css/icons_v5.png'); width:16px; height:16px; background-repeat:no-repeat; }
.openid {background-position: 0px -192px;}
.yandex {background-position: 0px 0px;}
.openid-mail-ru {background-position: 0px -48px;}
.livejournal {background-position: 0px -16px;}
.liveinternet {background-position: 0px -128px;}
.blogger {background-position: 0px -144px;}
.rambler {background-position: 0px -160px;}
.liveid {background-position: 0px -176px;}
.facebook {background-position: 0px -32px;}
.twitter {background-position: 0px -96px;}
.vkontakte {background-position: 0px -80px;}
.mymailru {background-position: 0px -64px;}
.google {background-position: 0px -112px;}
.odnoklassniki {background-position: 0px -208px;}
.bitrix24 {background-position:0px -378px}

.feed-add-post-form-but-wrap {padding:0 7px 2px; position:relative; display: none;}
.feed-add-post-text {color:#bfbfbf; font-size:17px; display: none; /*height:75px; padding:10px 7px 0;*/}
.feed-add-post-form.feed-add-post-edit-form {padding:0 7px 2px; position:relative; display: none;}
.feed-add-post-destination-block {border-bottom: 0px !important; margin-top:5px; overflow:hidden; padding:0 0 7px 12px; position:relative; zoom:1; line-height: 20px;}
.feed-add-post-destination-wrap {max-width:100% !important;}
.feed-add-button {display: none;}

div#bx_sonet_fieldset_SOCSERV  td.bx-sonet-profile-fieldcaption {display: none;}
.bx-sonet-profile-edit-layout div.bx-sonet-profile-edit-layers table.bx-sonet-profile-fieldset-table td.bx-sonet-profile-field  {padding-left: 35px;}
.bx-auth input[type|="text"] {width: 25% !important;}

.socserv-auth-split-body-modifier .ui-side-panel-wrap-workarea {
	min-width: 620px;
}

.socserv-auth-split-box {
	display: flex;
	align-items: center;
	padding: 14px 18px;
	margin-bottom: 30px;
	min-height: 63px;
	box-sizing: border-box;
}

.socserv-auth-split-color-connect {
	background-color: #e1f3f9;
}

.socserv-auth-split-color-disconnect {
	background-color: rgba(157,207,0,.14);
}

.socserv-auth-split-left {
	display: flex;
	align-items: center;
}

.socserv-auth-split-icon {
	position: relative;
	display: block;
	margin-right: 14px;
	width: 36px;
	height: 36px;
	background: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2036%2037%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20transform%3D%22translate%280%20.5%29%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20fill%3D%22%234690FB%22%20cx%3D%2218%22%20cy%3D%2218%22%20r%3D%2218%22/%3E%3Cpath%20d%3D%22M19.853%2012.792a3.333%203.333%200%20013.333%203.333v6.122c0%20.703-.57%201.272-1.273%201.272h-9.151a3.333%203.333%200%2001-3.333-3.333v-6.121c0-.703.57-1.273%201.272-1.273h9.152zm8.437.338c.11.13.169.295.169.466v9.082a.727.727%200%2001-1.188.563l-2.817-2.302c-.38-.311-.601-.776-.601-1.267v-3.023c0-.485.215-.946.588-1.257l2.825-2.355a.727.727%200%20011.024.093z%22%20fill%3D%22%23FFF%22/%3E%3C/g%3E%3C/svg%3E') no-repeat;
}

.socserv-auth-split-color-disconnect .socserv-auth-split-icon:after {
	content: '';
	position: absolute;
	top: -6px;
	right: -10px;
	width: 28px;
	height: 28px;
	background: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2028%2028%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%3Cdefs%3E%3Cfilter%20x%3D%22-35%25%22%20y%3D%22-25%25%22%20width%3D%22170%25%22%20height%3D%22170%25%22%20filterUnits%3D%22objectBoundingBox%22%20id%3D%22a%22%3E%3CfeOffset%20dy%3D%222%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowOffsetOuter1%22/%3E%3CfeGaussianBlur%20stdDeviation%3D%222%22%20in%3D%22shadowOffsetOuter1%22%20result%3D%22shadowBlurOuter1%22/%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.11404611%200%22%20in%3D%22shadowBlurOuter1%22/%3E%3C/filter%3E%3Crect%20id%3D%22b%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2220%22%20height%3D%2220%22%20rx%3D%2210%22/%3E%3C/defs%3E%3Cg%20transform%3D%22translate%284%202%29%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20fill%3D%22%23FFF%22%20x%3D%224%22%20y%3D%224%22%20width%3D%2214%22%20height%3D%2213%22%20rx%3D%226%22/%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url%28%23a%29%22%20xlink%3Ahref%3D%22%23b%22/%3E%3Cuse%20fill%3D%22%239DCF00%22%20xlink%3Ahref%3D%22%23b%22/%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M8.627%2011.81L14.402%206%2016%207.607%208.652%2015l-.025-.025-.025.025L4%2010.373l1.598-1.607z%22/%3E%3C/g%3E%3C/svg%3E') no-repeat;
}

.socserv-auth-split-title {
	font: 18px/17px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-regular, 400);
}

.socserv-auth-split-color-disconnect .socserv-auth-split-title {
	margin-right: 12px;
}

.socserv-auth-split-content {
	flex-grow: 1;
	flex-shrink: 1;
	margin: 0 38px 0 18px;
	padding-left: 16px;
	border-left: 1px solid rgba(82,92,105,.1);
	font: 13px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
	color: #525c69;
}

.socserv-auth-split-status {
	display: block;
	font: var(--ui-font-weight-bold) 14px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
}

.socserv-auth-split-color-disconnect .socserv-auth-split-status {
	color: #729600;
}

.socserv-auth-split-btn {
	flex-shrink: 0;
}
